﻿<div class="all-elements">
    <div id="sidebar" class="page-sidebar">
        <div class="page-sidebar-scroll">
            <div class="nav-item selected-nav-item" data-ng-repeat="r in roleByGroup">
                <a href="#/{{r.RoleValue}}">
                    <div class="icon-nav {{r.RoleValue}}"></div>
                    {{r.RoleName}}
                </a>
            </div>
            <div class="nav-item">
                <a href="#">
                    <div class="icon-nav icon-share" onclick="logout()"></div>
                    THOÁT
                </a>
                <script>
                    function logout() {
                        localStorage.removeItem("idkey");
                        localStorage.removeItem("authen");
                        localStorage.removeItem("menu");
                        $location.path('/login/');
                    }
                </script>
            </div>
        </div>
    </div>

    <div id="content" class="page-content">

        <div class="page-header">
            <p class="logo">
            </p>

            <a href="#" class="deploy-sidebar"></a>
            <div class="user">
                <span class="name">{{userName}}</span>
                <div class="notifi">
                    <span class="noti-chart" ng-show="countNewMessage>0"><a href="#/newMessage">{{countNewMessage}}</a></span>
                    <span class="noti-friend" ng-show="countAddFriend>0"><a href="#/newFriend">{{countAddFriend}}</a></span>
                    <span class="noti-fromroom" ng-show="countFromRoom>0"><a href="#/newFromRoom">{{countFromRoom}}</a></span>
                </div>
            </div>
        </div>

        <div class="page-content-wrapper">
            <div class="container no-bottom">
                <div class="heading">
                    <div class="heading-left">
                        <h3>Quản lý bài học</h3>
                    </div>

                </div>
            </div>

            <div class="container">
                <div id="role-tab" class="tab"><span>Quản lý</span><span><a href="#/createLesson">Thêm bài học</a></span></div>
                <div class="decoration"></div>

                <!--<a href="#/createLesson">Thêm bài học</a>-->
                <div class="page-content-wrapper">
                    <div class="container no-bottom">
                        <table cellspacing='0' class="table">
                            <tr>
                                <th>LESSON</th>
                                <th class="table-title">NAME</th>
                            </tr>

                            <tr data-ng-repeat="l in lessons">
                                <td class="table-sub-title"><a href="{{l.Id}}">{{l.LessonNumber}}</a></td>
                                <td><a href="#/createLesson/{{l.Id}}">{{l.Name}}</a></td>
                            </tr>

                            <!--<tr class='even'>
                                    <td class="table-sub-title"> TWO</td>
                                    <td>No</td>
                                </tr>-->
                        </table>
                    </div>
                    <div id="paging">
                    </div>
                    <div class="decoration"></div>
                </div>
            </div>
        </div>
        <!--<div class="footer">
            <div class="footer-shortcuts">
                <a href="room.html">
                    <div><span class="button-bottom icon-back-room"></span><span class="button-text">Quay về</span></div>
                </a>
                <a href="#">
                    <span class="button-bottom icon-only icon-arrow-up"></span>
                </a>
                <a href="#">
                    <div><span class="button-text">Bài tiếp theo</span><span class="button-bottom icon-next-lesson"></span></div>
                </a>
            </div>
        </div>-->
    </div>
</div>
